---
title: "Dialog"
description: A small, interactive UI element that overlays content to display important information or actions.
order: 2
published: true
status: primitive
references: ["https://react-spectrum.adobe.com/react-aria/Dialog.html#props"]
---

## Basic
There’s not much to see here, but you can check out the [Modal](/docs/components/overlays/modal) and [Color Picker](/docs/components/colors/color-picker) documentation for more details.

<Note>
  When you use related components like `modal` or `sheet`, the dialog component is automatically included, so there's no need for a separate installation.
</Note>

## Installation
```bash
npx shadcn@latest add @intentui/dialog
```

## Composed components
<Composed components={['button', 'heading']}/>

## Manual installation
```bash
npm i react-aria-components
```
<SourceCode toShow='dialog' />
